<template>
  <div class="box">
        <div class="box-1">
            <div class="box-1-top">
                <img src="/static/imgs_s07/s07_transparet.png" alt="" class="transparent">
            </div>
            <div class="box-1-middle">
                <p>
                    新会员领卡可获得<br>1份新人大礼包
                </p>
            </div>
            <div class="box-1-middle2">
                <p>将会员卡加入卡包，获得更多会员权益</p>
            </div>
            <button>
                立即领取
            </button>
        </div>
   </div>
</template>

<script>

export default {
  data () {
    return {
      
      }
    },

  methods: {
   
  },

  created () {
    // let app = getApp()
  }
}
</script>

<style scoped>
       .box{
           display: flex;
           flex-direction: column;
           align-items: center;
           width: 375px;
           background: #7F7F7F;   
       }
       .box-1{
            display: flex;
            flex-direction: column;
            align-items: center;
            width:290px;
            height:262px;
            background:rgba(255,255,255,1);
            border-radius:12px;
            margin-top: 179px;
            text-align: center;
       }
       .box-1-top{
            position: relative;
            width:290px;
            height:101px;
            background:rgba(232,232,232,1);
            border-radius:12px 12px 0px 0px;
       }
       .transparent{
           position: absolute;
           top: 15px;
           right: 15px;
           width: 22px;
           height: 22px;
       }
       .box-1-middle p{
            margin-top: 22px;
            font-size:15px;
            font-family:Source Han Sans CN;
            font-weight:400;
            color:rgba(0,0,0,1);
       }
       .box-1-middle2 p{
        font-size:11px;
        font-family:Source Han Sans CN;
        font-weight:400;
        color:rgba(144,144,144,1);
        margin-top: 27px;
       }
       button{
        width:257px;
        height:33px;
        background:rgba(50,177,108,1);
        border-radius:17px;
        margin-top: 27px;
        margin-bottom: 14px;
        font-size:13px;
        font-family:Source Han Sans CN;
        font-weight:400;
        color:rgba(255,255,255,1);
        line-height:32px;
       }
    </style>
